<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Main</title>
    
    
</head>
<body>
<%= require('./common/top.htm') %>



<div id="Content">
    <p id="welcome">hhh</p>
    <div id="Main">
        <div id="Sidebar">
            <div id="SidebarContent">
                <a href="viewCategory?categoryId=FISH"><img src="<%= require('../images/fish_icon.png') %>" width="60px" height="30px"/></a>
                <br />
                <a href="viewCategory?categoryId=FISH">Saltwater, Freshwater</a> <br />

                <a href="viewCategory?categoryId=DOGS"> <img src="<%= require('../images/dogs_icon.png') %>" width="60px" height="30px" /></a>
                <br />
                <a href="viewCategory?categoryId=DOGS">Various Breeds</a> <br />

                <a href="viewCategory?categoryId=CATS"><img src="<%= require('../images/cats_icon.png') %>" width="60px" height="30px"/></a>
                <br />
                <a href="viewCategory?categoryId=CATS">Various Breeds, Exotic Varieties </a><br />

                <a href="viewCategory?categoryId=REPTILES"><img src="<%= require('../images/reptiles_icon.png') %>" width="75px" height="30px"/></a>
                <br />
                <a href="viewCategory?categoryId=REPTILES">Lizards, Turtles, Snakes</a> <br />

                <a href="viewCategory?categoryId=BIRDS"> <img src="<%= require('../images/birds_icon.png') %>" width="60px" height="30px"/></a>
                <br />
                <a href="viewCategory?categoryId=BIRDS">Exotic Varieties</a></div>
        </div>

        <div id="MainImage">
            <div id="MainImageContent">
                <a href="viewCategory?viewCategory=&amp;categoryId=BIRDS">
                    <img src="<%= require('../images/TOUCAN.png') %>" id = "birds"   width="170px" height="170px" style="position:absolute; left:700px; top:120px;">
                </a>
                 <a href="viewCategory?viewCategory=&amp;categoryId=BIRDS">
                     <img src="<%= require('../images/HUMMINGBIRD.png') %>" id= "bird" width="60px" height="60px"  style="position:absolute; left:790px; top:300px;">
                 </a>
                 <a href="viewCategory?viewCategory=&amp;categoryId=CATS">
                     <img src="<%= require('../images/CAT.png') %>" width="60px" height="60px"  id="cats" style="position:absolute; left:630px; top:270px;">
                 </a>
 
                  <a href="viewCategory?viewCategory=&amp;categoryId=DOGS">
                      <img src="<%= require('../images/DOG.png') %>" width="60px" height="60px"  id="dogs" style="position:absolute; left:610px; top:200px;">
                  </a>
                <a href="viewCategory?viewCategory=&amp;categoryId=FISH">
                    <img src="<%= require('../images/SALMON.png') %>"  width="60px" height="60px"  id="fish" style="position:absolute; left:700px; top:300px;">
                </a>
                <a href="viewCategory?viewCategory=&amp;categoryId=REPTILES">
                    <img src="<%= require('../images/lizard_icon.jpg') %>" width="70px" height="70px" id="reptiles" style="position:absolute; left:880px; top:240px;">
                </a>
            </div>
        </div>

        <div id="Separator">&nbsp;</div>
    </div>
</div>
<%= require('./common/bottom.htm') %>
<!-- < %= require('./common/bottom.htm') %> -->
</body>
</html>